// 食物 类 的文件
// 定义食物类
export default class Food {
  element: HTMLElement;
  constructor() {
    const el = document.querySelector('.food') as HTMLElement
    
    this.element = el
    
  }
  // 获取食物 X 轴
  get X() {
    return this.element.offsetLeft
  }
  // 获取食物 Y 轴
  get Y() {
    return this.element.offsetTop
  }
  // 修改食物的位置，随机生成一个位置
  change() {
    // 随机生成位置坐标
    // X 轴和 Y 轴范围均是 0 ~ 290 且值必须能整除 10 才能被 “蛇” 吃到
    const top = Math.round(Math.random() * 29) * 10
    const left = Math.round(Math.random() * 29) * 10

    this.element.style.top = top + 'px'
    this.element.style.left = left + 'px'
  }
}